
#table_main
{
	width:100%;height:390px;
}

td
{
	vertical-align:top;
}
#buttonList
{
	text-align:center;
}
#buttonList button
{
	margin-top:10px;
	width:100px;
}

#groupList
{
	list-style:none;
	margin:0;
	padding:0;
	height:380px;
	width:150px;
	border:1px solid #8C8E8C;
	overflow-x:hidden;
	overflow-y:auto;	
}
#groupList li
{
	width:150px;
	text-overflow:ellipsis; 
	cursor:hand;
}
#groupList li.current
{
  background:#B5BEFF;
}
#groupList li.empty
{
  color:gray;
}


#groupMenu
{
	list-style:none;
	margin:0;
	padding:0;
	border:2px outset  #F7F3F7;
	width:100px;
	display:none;
	left:300px;
	top:50px;
	position:absolute ;
	background:#FFF;
	z-index:100;
	background:#F7F7F7;
}
#groupMenu li
{
	text-overflow:ellipsis; 
	cursor:hand;
}
#groupMenu li.current
{
  display:none;
}
#groupMenu li.hover
{
	background:#3169B5;
	color:#FFF;
}

#divGroupList
{
	height:380px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	border:1px solid #8C8E8C;
}

#imgList { 
	padding:0;
	margin:1px;
	list-style: none; 
}
#imgList li { color: #FFF; width: 95%; margin: 2px; font-size: 10px; padding: 2px;
text-overflow:ellipsis ;
white-space : nowrap ;
overflow :hidden;
 }

#imgList li span.smallImg
{
	width:32px;
	height:32px;
	display:inline-block;
	text-align:center;
	vertical-align:center;	
}
#imgList li span.number
{
	color:#294594;
	width:30px;
	height:32px;
	/*display:inline-block;*/
	text-align:right;
	font-size:12px;
	padding-right:10px;
	/*border:solid 1px red;*/
	margin:0;
}

#imgList li.selected
{
	background:#9CBAF7;
}

#imgList li a
{
	color:#294594;
}

#groupDescription
{
	width:98%;
	height:370px;
	overflow:auto;
}